<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>短租</title>
    <mystyle>
    <link href="/static/static/css/style.css" rel="stylesheet" type="text/css">
    </mystyle>
</head>
<body>
<form:form action="/rent/payment">
    <div id="paymain" class="pb60">
        <div id="toppay"></div>
        <div class="w1000 center ">
            <div class="blockarea pb40">
                <div class="title msfont unline">
                    <div class="num">1</div>
                    预定信息
                </div>
                <div class="content pt20">
                    <table class="paytable center msfont">
                        <tr>
                            <td>度假屋名称 ： ${rentDTO.houseName}</td>
                            <td>房型名称: ${rentDTO.roomType}</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>入住时间：${rentDTO.checkInDate}</td>
                            <td>离店时间： ${rentDTO.leaveDate}</td>
                            <td></td>
                        </tr>
                        <tr>
                            <td><span>入住姓名 ：</span><input type="text" value="" class="nomarlinput" id="customer"
                                                          name="customer"><span
                                    class='red ml5'>*</span>
                            </td>
                            <td><span>入住人数 ：</span><input type="text" value="" class="nomarlinput" id="personNum"
                                                          name="coustomerNum"><span
                                    class='red ml5'>*</span></td>
                        </tr>
                        <tr>
                            <td><span>联系电话 ：</span><input type="text" value="" class="nomarlinput" id="phoneNum" name="phoneNum"><span
                                    class='red ml5'>*</span></td>
                            <td><span>通知方式 ：</span><select class="normalSe" id="noticeWay" name="noticeWay">
                                <option value="false">无需确认</option>
                                <option value="true">电话沟通</option>
                            </select><span class='red ml5'>*</span></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td colspan="3"><span class='inblock'>其他信息 ：</span><textarea class="narea"
                                                                                         id="description" name="description"></textarea>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>

            <%--<div class="blockarea mt20 pb10">--%>
                <%--<div class="title msfont">--%>
                    <%--<div class="num">2</div>--%>
                    <%--增值服务--%>
                <%--</div>--%>
                <%--<div class="content">--%>
                    <%--<table class="tabletype center msfont">--%>
                        <%--<thead>--%>
                        <%--<th>服务类型</th>--%>
                        <%--<th>份额单价</th>--%>
                        <%--<th class="pl20">数量</th>--%>
                        <%--<th>总金额</th>--%>
                        <%--</thead>--%>
                        <%--<tbody>--%>
                        <%--<tr>--%>
                            <%--<td><i class="fa fa-circle mr5"></i>接送机</td>--%>
                            <%--<td>￥1</td>--%>
                            <%--<td class="mis">--%>
                                <%--<i class="fa fa-minus-square-o"></i><input data-s='1' type="text" value="1" class="w50"><i--%>
                                    <%--class="fa fa-plus-square-o"></i>--%>
                            <%--</td>--%>
                            <%--<td class="coblue">--%>
                                <%--￥<span>1</span>--%>
                            <%--</td>--%>
                        <%--</tr>--%>
                        <%--<tr>--%>
                            <%--<td><i class="fa fa-circle mr5"></i>接送机</td>--%>
                            <%--<td>￥2</td>--%>
                            <%--<td class="mis">--%>
                                <%--<i class="fa fa-minus-square-o"></i><input data-s='2' type="text" value="1" class="w50"><i--%>
                                    <%--class="fa fa-plus-square-o"></i>--%>
                            <%--</td>--%>
                            <%--<td class="coblue">--%>
                                <%--￥<span>2</span>--%>
                            <%--</td>--%>
                        <%--</tr>--%>
                        <%--</tbody>--%>
                    <%--</table>--%>
                <%--</div>--%>
            <%--</div>--%>

            <div class="blockarea mt20 pb10 msfont">
                <div class="title msfont">
                    <div class="num">2</div>
                    付款
                </div>
                <div class="content upline">
                    <div class="paybox">
                        <div class="payitem pb10">
                            <div class="payitemtitle">以人民币付款</div>
                            <div class="paycontent clearfix">
                                <div class="pull-left radiocss pay1"><i class="fa fa-dot-circle-o"></i></div>
                                <!--  <div class="pull-left radiocss pay2"><i class="fa fa-circle-o"></i></div>
                                  <div class="pull-left radiocss pay3"><i class="fa fa-circle-o"></i></div>   -->

                            </div>
                        </div>

                        <!--   <div class="payitem pb30 pt10">
                               <div class="payitemtitle">以港币付款</div>
                               <div class="paycontent clearfix">
                                   <div class="pull-left radiocss pay4"><i class="fa fa-circle-o"></i></div>


                               </div>
                           </div>

                           <div class="payitem  pb30 pt10">
                               <div class="payitemtitle">以美元付款</div>
                               <div class="paycontent clearfix">
                                   <div class="pull-left radiocss pay5"><i class="fa fa-circle-o"></i></div>
                                   <div class="pull-left radiocss pay6"><i class="fa fa-circle-o"></i></div>
                                   <div class="pull-left radiocss pay7"><i class="fa fa-circle-o"></i></div>

                               </div>
                           </div>      -->

                        <div class="clearfix msfont">
                            <div class="pull-left pt70"><P class='font18'>合计：房费￥${rentDTO.price}</P>

                                <P id='aggxy'><input type='checkbox' name='VoteOption1' onchange="VoteOption1Checked()" id="VoteOption1" value=1>我同意接受漫庭网的使用条款</P>
                            </div>
                            <div class="pull-right pt56"><P id='sumje'>应付总金额：<span id="Total">￥${rentDTO.price}</span>
                                <input type="hidden" name="price" value="${rentDTO.price}" />
                            </P>
                                <input type="hidden" value="${rentDTO.guid}" id="guid" name="guid">
                                <button id="paybtn" onclick="payment()">进行支付</button>
                            </div>
                        </div>
                    </div>
                </div>


            </div>


        </div>
    </div>
    </form>
    <div class="modal fade" id="modal">
        <div class="modal-dialog">
            <div class="modal-content">

                <div class="modal-body">
                    <div id="title1" class="msfont pt20"><i class="fa fa-check-circle"></i><span>支付已成功</span></div>
                    <div id="sinfo" class="center">
                        <div class="msfont">
                            <P>将以短信方式通知您</P>

                            <P>
                                单号：20151116000001</P>

                            <P>
                                应付总额：￥${rentDTO.price}；付款方式：在线支付</P>

                            <P>
                                度假村名称：${rentDTO.houseName}；入住房型：${rentDTO.roomType}；</P>

                            <P>
                                入住时间：${rentDTO.checkInDate}；离店时间${rentDTO.leaveDate}；</P>

                            <P>
                                联系人：<span id="customerSpan"></span>; 联系电话：<span id="phoneNumSpan"></span>；</P>

                            <P>
                                度假村地址:${rentDTO.address}
                            </P></div>
                        <div class="msfont pt20">注意事项：
                            <div class="pl40"><P>订单成功后，客服会与您确定您的房态信息；</P>

                                <P> 入住时请带好入住人身份证。</P></div>
                        </div>
                        <div class="clearfix pt20 pb20">
                            <button class="bbton pull-left msfont">查看订单</button>
                            <button class="bbton pull-right msfont">继续订房</button>
                        </div>
                    </div>
                </div>

            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->
</form:form>
<myscript>
    <script src="/public/js/rentPay.js"></script>
</myscript>

</body>
</html>